Hệ thống quản lý chứng khoán Dự án Java

19.563 lượt xem;

date_input.css
project /

1 /* Some resets for compatibility with existing CSS */
2 .date_selector, .date_selector * {
3   width: auto;
4   height: auto;
5   border: none;
6   background: none;
7   margin: 0;
8   padding: 0;
9   text-align: left;
10   text-decoration: none;
11 }
12 .date_selector {
13   background: #F2F2F2;
14   border: 1px solid #bbb;
15   padding: 5px;
16   margin: -1px 0 0 0;
17   position: absolute;
18   z-index: 100000;
19   display: none;
20 }
21 .date_selector_ieframe {
22   position: absolute;
23   z-index: 99999;
24   display: none;
25 }
26   .date_selector .nav {
27     width: 17.5em; /* 7 * 2.5em */
28   }
29   .date_selector .month_nav, .date_selector .year_nav {
30     margin: 0 0 3px 0;
31     padding: 0;
32     display: block;
33     position: relative;
34     text-align: center;
35   }
36   .date_selector .month_nav {
37     float: left;
38     width: 55%;
39   }
40   .date_selector .year_nav {
41     float: right;
42     width: 35%;
43     margin-right: -8px; /* Compensates for cell borders */
44   }
45   .date_selector .month_name, .date_selector .year_name {
46     font-weight: bold;
47     line-height: 20px;
48   }
49   .date_selector .button {
50     display: block;
51     position: absolute;
52     top: 0;
53     width: 18px;
54     height: 18px;
55     line-height: 17px;
56     font-weight: bold;
57     color: #003C78;
58     text-align: center;
59     font-size: 120%;
60     overflow: hidden;
61     border: 1px solid #F2F2F2;
62   }
63     .date_selector .button:hover, .date_selector .button.hover {
64       background: none;
65       color: #003C78;
66       cursor: pointer;
67       border-color: #ccc;
68     }
69   .date_selector .prev {
70     left: 0;
71   }
72   .date_selector .next {
73     right: 0;
74   }
75   .date_selector table {
76     border-spacing: 0;
77     border-collapse: collapse;
78     clear: both;
79   }
80     .date_selector th, .date_selector td {
81       width: 2.5em;
82       height: 2em;
83       padding: 0;
84       text-align: center;
85       color: black;
86     }
87     .date_selector td {
88       border: 1px solid #ccc;
89       line-height: 2em;
90       text-align: center;
91       white-space: nowrap;
92       color: #003C78;
93       background: white;
94     }
95     .date_selector td.today {
96       background: #FFFEB3;
97     }
98     .date_selector td.unselected_month {
99       color: #ccc;
100     }
101     .date_selector td.selectable_day {
102       cursor: pointer;
103     }
104     .date_selector td.selected {
105       background: #D8DFE5;
106       font-weight: bold;
107     }
108     .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
109       background: #003C78;
110       color: white;
111     }